<template>
  <div :id="'separator-' + field.name">
    <div v-if="field.label">
      <q-icon name="stars" size="sm" color="grey-7" class="q-mr-sm" />
      <span class="text-grey-7 text-bold" style="font-size: 1.1em" >{{field.label}}</span>
    </div>
    <q-separator class="q-mb-md" />
  </div>
</template>
<script>
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'fieldSeparator',
  props: {
    field: {
      type: Object,
      default: () => {}
    }
  },
  data () {
    return {

    }
  }
})
</script>
